﻿/*
+------------------------------------------------------------------
| Namespaces
|
| sg* -> Style Guide
| sb* -> Sandbox
+------------------------------------------------------------------
*/

/*
+---------
| Globals
+---------
*/
* { border: 0 ; padding: 0 ; margin: 0 ; }

/* Globals -> Misc.
------------------- */
br.clear,
div.clear { clear: both ; }
table { border-collapse: collapse ; }
option { padding-right: 5px ; }

/* Globals -> Forms
------------------- */
/* Form Elements */
form.form { font: 11px Tahoma,Arial,Helvetica ; }
fieldset.fieldset { border: 1px solid #000 ; }
legend.legend { font-weight: bold ; color: red ; margin: 0 10px ; padding: 0 5px ; }
input.text,
input.text-shortest,
input.text-short,
input.text-long,
textarea.textarea,
textarea.textarea-short,
textarea.textarea-long,
select.select{ background: #fff ; color: #606060 ; font: 11px Tahoma,Arial,Helvetica ; border: 1px solid #aaadb6 ; padding: 0 0px ; }
input.text { width: 150px ; }
input.text-shortest { width: 50px ; }
input.text-short { width: 75px ; }
input.text-long { width: 225px ; }
textarea.textarea { width: 500px ; height: 100px ; }
textarea.textarea-short { width: 250px ; height: 100px ; }
textarea.textarea-long { width: 100% ; height: 100px ; }
select.select {}
label.label { font-weight: bold ; color: #000 ; }
input.radio {}
input.checkbox{}
input.button,
input.submit { background: #edebf0 url(../Image/common/forms/form-button-background.jpg) repeat-x 0 0 ; height: 20px ; padding: 0 10px ; color: #006699 ; text-transform: uppercase ; border: 1px solid #dadadc ; font-weight: bold ; font-size: 10px ; }

/*
+-----------
| Container
+-----------
*/
#container
{
    width: 800px;
    margin: 0 auto;
    border: solid #818892;
    background: #fffff0;
    border-width: 1px 2px 2px 2px;
    text-align: left;
}
/*
+---------------------
| Container -> Header
+---------------------
*/
#header
{
    height: 140px;
    background: gainsboro;
    position: relative;
    border-bottom: 1px solid #fff;
    padding-top: 10px;
}

/* Header -> Logo
----------------- */
#header img.logo {  position: absolute ; top: 0 ; left: 0 ; }

/* Header -> LogoText
----------------- */
#header span.logotext
{
    position: absolute;
    top: 20px;
    left: 20px;
    font-weight: bold;
    font-size: 20pt;
    color: #33ccff;
    font-style: italic;
}

/* Header -> Navigation
----------------------- */
ul#navigation { list-style: none ; position: absolute ; line-height: normal ; bottom: 0 ; left: 150px ; }
ul#navigation li { display: inline ; font-size:16px; }
ul#navigation a { float: left ; background: url(../Image/common/navigation-left.gif) no-repeat left top ; text-decoration: none ; padding: 0 0 0 4px ; cursor: pointer ;}
ul#navigation a span { float: left ; display: block ; background: url(../Image/common/navigation-right.gif) no-repeat right top ; padding: 9px 15px 0px 11px ; color: #000 ; font-weight: bold ; height: 20px ; }
ul#navigation a:hover { background-position: 0% -30px ; margin-bottom: -1px ; border-bottom: 1px solid #ced6e1 ; }
ul#navigation a:hover span { background-position: 100% -30px ; }
ul#navigation a.selected { background-position: 0% -30px ; margin-bottom: -1px ; border-bottom: 1px solid #ced6e1 ; }
ul#navigation span.selected { background-position: 100% -30px ; }

/* Header -> Super Navigation
----------------------------- */
ul#super_navigation { position: absolute ; top: 20px ; right: 30px ; list-style: none ; }
ul#super_navigation li { float: left ; color: #d4e3ea ; margin-left: 15px ; padding: 3px 5px ; font-size:12px; }
ul#super_navigation a
{
    color: #009933;
    text-decoration: none;
    font-weight: bold;
}
ul#super_navigation a:hover
{
    color: #009933;
    text-decoration: underline;
    font-weight: bold;
}
ul#super_navigation span.username { font-weight: bold ; }
ul#super_navigation li.greeting { padding-right: 15px ; border-right: 1px solid #d4e3ea ; }
ul#super_navigation li.my_account,
ul#super_navigation li.sign_out { background: #466c99 ; }
ul#super_navigation li.sign_out { _margin-left: 5px ; }

/*
+-----------------------------------
| Container -> Secondary Navigation
+-----------------------------------
*/
#secondary_navigation { height: 5px ; position: relative ; background: #fff url(../Image/common/secondary_navigation-background.jpg) repeat-x 0 0 ; }
#secondary_navigation ul { list-style: none ; padding-top: 9px ; margin-left: 150px ; }
#secondary_navigation li { display: inline ; color: #006699 ; font-size:12px;}
#secondary_navigation li.separator { margin: 0 10px ; }
#secondary_navigation a { color: #006699 ; font-weight: bold ; text-decoration: none ; }

/*
+----------------------
| Container -> Content
+----------------------
*/
#content { background: #fffff0 ; position: relative ; padding-top: 2px ; }
#content #full_width { margin-top: 0px ; padding-bottom: 10px ; padding-top: 5px ; margin: 0 10px ; }

/* Content -> Common Elements
----------------------------- */
#content p { margin-bottom: 1em ; line-height: 150% ; }
#content .homepage
{
    width: 80%;
    text-align: left;
}

#content .homepage .title
{
    font-size: 30px;
    color: #0053A6;
    font-weight: bold;
}

#content .homepage .desc
{
    font-size: 20px;
    color: #0053A6;
    line-height: 150%;
}

/* Content -> Common Elements -> Headings
----------------------------------------- */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 { margin-bottom: .5em ; }
#content h2 { font-weight: normal ; font-size: 20px ; }
#content h3 { font-size: 18px ; }
#content h4 { font-size: 16px ; font-weight: bold ; color: #666 ; }

/* Content -> Common Elements -> Links
-------------------------------------- */
#content a { color: #006699 ; text-decoration: none ; font-weight: bold ; }
#content a:visited {}
#content a:hover { text-decoration: underline ; }

/* Content -> Common Elements -> Notices
---------------------------------------- */
#content .notice-success,
#content .notice-warning,
#content .notice-failure,
#content .notice-general { padding: 5px ; width: 75% ; background: red ; font-weight: bold ; }
#content .notice-success { background: green ; color: #fff ; }
#content .notice-warning { background: yellow ; }
#content .notice-failure { background: red ; color: #fff ; }
#content .notice-general { background: #d7d7d7 ; }

#content table.bigfont {font-size:16px;}
#content table.bigfont td {font-size:16px;}

/* Content -> Common Elements -> Tables
--------------------------------------- */
#content table.common { border: solid #fffff0 ; border-width: 1px 1px 0 0 ; width: 100% ; margin-bottom: 20px ; }
#content table.common tr,
#content table.common tr.odd { background: #dedee0 ; }
#content table.common tr.even { background: #c7c7c7 ; }
#content table.common td,
#content table.common th { border: solid #fffff0 ; border-width: 0 0 1px 1px ; padding: 5px ; font-size: 11px ; }
#content table.common td { text-align: left ; }
#content table.common td.shortest { width: 50px ; }
#content table.common td.short { width: 100px ; }
#content table.common td.long { width: 200px ; }
#content table.common td.longest { width: 250px ; }
#content table.common td.center { text-align: center ; }
#content table.common td.left { text-align: left ; }
#content table.common td.right { text-align: right ; }
#content table.common th,
#content table.common tr.footer { background: #afb2bf ; color: #666 ; font-weight: bold ; text-align: center ; }
#content table.common caption { text-align: left ; }

/* Content -> Common Elements -> Tables -> Clinician Home Page */
#content table.common td.clinician_date { width: 75px ; text-align: center ; }
#content table.common th.clinician_name { text-align: left ; }

/* Content -> Common Elements -> Tables -> Live Discussion Home Page */
#content table.common td.live_discussion_date { width: 75px ; text-align: center ; }
#content table.common th.live_discussion_name { text-align: left ; }
#content table.common td span.live_discussion_name { font-weight: bold ; display: block ; }

/* Content -> Common Form
------------------------- */
#content table.common-form { border: solid #b6bcc8 ; border-width: 0 0 0 0 ; width: 100% ; }
#content table.common-form tr {}
#content table.common-form th,
#content table.common-form td { border: solid #b6bbc8 ; border-width: 0 0 0 0 ; padding: 5px ; font-size: 11px ; background: #f3f3f3 ;}
#content table.common-form td.label { width: 200px ; text-align: right ; font-weight: bold ; }
#content table.common-form td.input {}

.content-block
{
    width: 95%;
    color: #000000;
    display: block;
    float: none;
    overflow: auto;
    font-size: 12pt;
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    margin-left: 10px;
}

/* Content -> Common Elements -> Lists
-------------------------------------- */
#content ul.common { margin-left: 45px ; color: #999; font-size:12pt; line-height:150%; }
#content ul.common li {}

#content div.attachment { margin-top: 10px;}
#content div.child { margin-top: 10px;}
/*
+---------------------
| Container -> Footer
+---------------------
*/
#footer { margin-top: 25px ; height: 20px ; position: relative ; color: #C6CBD3 ; padding-bottom: 5px ; clear: both ; background: #818892 ; }
#footer span { position: absolute ; bottom: 5px ; }
#footer span.copyright { left: 30px ; }
#footer span.poweredby { right: 30px ; }
#footer span.poweredby a
{
    color: #99ff66;
    font-weight: bold;
    text-decoration: none;
}
#footer ul.navigation { list-style: none ; position: absolute ; top: 15px ; left: 30px ; }
#footer ul.navigation li { display: inline ; margin-right: 20px ; padding-right: 20px ; border-right: 1px solid #9ba2aa ; }
#footer ul.navigation li.last_list_item { margin-right: 0 ; padding-right: 0 ; border-right: 0 ; }
#footer ul.navigation li a { color: #006599 ; font-weight: bold ; text-decoration: none ; }

